var htmlWP = require('html-webpack-plugin');
module.exports={
    entry:'./src/main.js',
    output:{
        path:__dirname+'/dirst',
        filename:'build.js'
    },
    module:{
        loaders:[
            {
                test:/\.css$/,
                loader:'style-loader!css-loader'
            },
            {
                test:/\.scss/,
                loader:'style-loader!css-loader!sass-loader'
            },
            {
                test:/\.less/,
                loader:'style-loader!css-loader!less-loader'
            },
            {
                test:/\.(png|ttf|gif|jpg)$/,
                loader:'url-loader?limit=20000'
            },
            // {
            //     test:/\.js$/,
            //     loader:'babel-loader',
            //     exclude:/node_modules/
            // },
            {
                test:/\.vue$/,
                loader:'vue-loader'
            }
        ]
    },
    // babel:{
    //     presets:['es2015'],  // 配置将es6语法转换成es5语法
    //     plugins:['transform-runtime'] // 用来解析vue文件
    // },
    plugins:[
        new htmlWP({
                title: '首页',  //生成的页面标题
                filename: 'index.html', //webpack-dev-server在内存中生成的文件名称，自动将build注入到这个页面底部，才能实现自动刷新功能
                template: 'template.html' //根据template.html这个模板来生成(这个文件程序员自己书写)
        })
    ]
}